<template>
  <div>Item
  <p v-if="parsmsId==='001'">鸡丝</p>
  <p v-if="parsmsId==='002'">烧杯</p>
  <p v-if="parsmsId==='003'">西红柿</p>
</div>
</template>

<script>
export default {
name:"Item",
data(){
    return{
        parsmsId:""
    }
},
watch:{
    //我们可以使用watch来监听动态路由的切换
    $route:{
    immediate:true,
     //不需要deep,因为动态路由切换的时候,直接替换的整个route对象
     handler(){
        console.log(this.$route);
        this.parsmsId=this.$route.query.id
     }
}
}
}
</script>

<style>

</style>